import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 配置@别名
import { resolve } from "path"; 
// setup语法糖下自定义组件名称
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
// https://vitejs.dev/config/
// 自动导入vue中hook reactive ref等
import AutoImport from "unplugin-auto-import/vite"
//自动导入ui-组件 比如说ant-design-vue  element-plus等
import Components from 'unplugin-vue-components/vite';
//element
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
      vue(),
      VueSetupExtend(),
      AutoImport({
        //安装两行后你会发现在组件中不用再导入ref，reactive等
        imports: ['vue', 'vue-router'],
        dts: "src/auto-import.d.ts",
        //element
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
  ],
  // ↓解析配置
  resolve: {
    // ↓路径别名
    alias: {
      "@": resolve(__dirname, "./src")
    }
  },
  server: {
      proxy: {
          '/api': { // 匹配请求路径，
              target: 'http://10.254.13.28:5006/', // 代理的目标地址
               // 开发模式，默认的127.0.0.1,开启后代理服务会把origin修改为目标地址
              changeOrigin: true,
              // secure: true, // 是否https接口
              // ws: true, // 是否代理websockets

              // 路径重写，**** 如果你的后端有统一前缀(如:/api)，就不开启；没有就开启
              //简单来说，就是是否改路径 加某些东西
              rewrite: (path) => path.replace(/^\/api/, '') 
          }
      }
  }
})
